<template>
  <div class="dashboard-editor-container">
    <el-card style="margin-bottom: 5px">
      <p style="color: red;font-weight: bold">欢迎来到鹰潭新阶人士评价系统</p>
      <p style="line-height: 20px; text-indent: 3ch;">
      为切实做好新的社会阶层人士统战工作，培养一支高素质的新的社会阶层人士队伍，按照省委统战部《关于新的社会阶层人士统战工作“五强六好”工程的实施方案》精神，以思想教育引导为主线，以增进政治共识为目标，以代表人士队伍建设为重点，以健全工作机制为支撑，积极探索开展新的社会阶层人士综合评价试点工作。运用综合评价系统实现鹰潭市各单位对新的社会阶层人士在思想政治状况、政治参与、道德修养及代表性、服务社会和遵纪守法5个方面进行综合评价，实事求是运用评价结果，形成代表人士发现、培养、使用和动态管理机制，努力建设一支符合新时代要求的新的社会阶层人士队伍。
      </p>
    </el-card>
<!--    <panel-group-->
<!--      @handleSetLineChartData="handleSetLineChartData"-->
<!--      :count="count"-->
<!--      :money="money"-->
<!--    />-->

    <el-row style="background: #fff; padding: 16px 16px 0; margin-bottom: 32px">
      <line-chart :chart-data="lineChartData" :title="title" :data="data"/>
    </el-row>
  </div>
</template>

<script>
import {listNum} from '@/api/index'
import PanelGroup from './dashboard/PanelGroup'
import LineChart from './dashboard/LineChart'

export default {
  name: 'Index',
  components: {
    PanelGroup,
    LineChart,
  },

  data() {
    return {
      count: 0,
      money: 0,
      title: '近一周系统访问量',
      data: [],
      lineChartData: [0, 0, 0, 0, 0, 0, 0],
    }
  },
  created() {
    this.listNum();
  },
  mounted() {

  },
  methods: {
    //首页统计
    listNum() {
      listNum().then((res) => {
        this.data = res.data.days;
        this.lineChartData = res.data.counts;
      });
    },
  }
}
</script>

<style lang="scss" scoped>
.dashboard-editor-container {
  padding: 25px;
  background-color: rgb(240, 242, 245);
  position: relative;
  height: calc(100vh - 95px);

  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 32px;
  }
}

@media (max-width: 1024px) {
  .chart-wrapper {
    padding: 8px;
  }
}
</style>
